
<script setup lang="ts">
import BlockBox from '../BlockBox.vue';
import { ESInput } from '../../packages/index';
import { ref } from 'vue';
const valRef = ref('1234');
</script>

<template>
    <BlockBox text="输入框测试">
        <div
            style=" background: #25262A;padding: 20px; width: 500px;height: 200px;margin: 10px;display: flex;flex-direction: column;justify-content: space-around;">
            <ESInput placeholder="请输入内容" size="mini" v-model="valRef" />
            <ESInput placeholder="请输入内容" size="small" v-model="valRef" />
            <ESInput placeholder="请输入内容" size="normal" v-model="valRef" />
            <ESInput placeholder="请输入内容" size="normal" disabled v-model="valRef" />
            <ESInput placeholder="请输入内容" size="large" readonly v-model="valRef" />
        </div>
    </BlockBox>
</template>

<style scoped>
</style>
